<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            .header{
                height: 66px;
                background:red;
                border-bottom: 1px solid #000;
            }
            .banner{
                width: 1212px;
                height: 512px;
                background: lime;
                margin:25px auto
            }
            .list{
                width: 1212px;
                height: 36px;
                background: lime;
                margin:0px auto;
            }
            .con{
                width: 1212px;
                height: 1000px;
                background: lime;
                margin:25px auto;
            }
            .more{
                width: 1212px;
                height: 38px;
                background:lime;
                margin:0px auto;
                text-align: center;
                /* 行高等于标签高度的时候，文本垂直居中 */
                line-height: 38px;
            }
        </style>
    </head>
    <body>
        <!-- .header+.banner+ul.list+ul.con+p.more -->
        <div class="header">
            <img src="images/i01.jpg" alt="">
        </div>
        <div class="banner"></div>
        <ul class="list"></ul>
        <ul class="con"></ul>
        <p class="more">太快了吧，慢慢来</p>
    </body>
</html>


<!-- 

    文件名字一定要是index  服务器会把index作为首页
 -->